@charset "utf-8";
.footer{padding:0px 0 31px;}
#yqlj{padding: 25px 0 50px;color: rgba(255,255,255,.6);}
/*--------------------------------------------------------------------------------*/
.index-box{ width:100%;position:relative; padding-bottom:80px;}

.index-title{ width:100%;padding:80px 0 20px;position:relative;}
.index-title p{text-align:center;font-weight:bold;color:#333;line-height:1em;}
.index-title .cn{font-size:30px;}
.index-title .en{font-size:18px;margin:20px 0 10px;text-transform:uppercase;}
.index-title img{display:block;margin:0 auto;}
/*--------------------------------------------------------------------------------*/
/*slide*/
.index-slide{position:relative;overflow:hidden;height:calc(100vh - 90px);max-height:700px;min-height:400px;}
.index-slide .swiper-wrapper,
.index-slide .swiper-slide{ height:100%;}
.index-slide .swiper-slide a{display:block;width:100%;height:100%;transition:transform 3s ease;transform:scale(1.1);}
.index-slide .swiper-slide.swiper-slide-active a{ transform:scale(1);}

.index-slide .tips{height:20px;position:absolute;left:0;bottom:90px;z-index:50;display:flex;justify-content:center;}
.index-slide .tips span{display:block;width:5px;height:20px;position:relative;}
.index-slide .tips span:before{ content:'';width:100%;height:8px;display:block;background:#fff;position:absolute;top:50%;left:0;transform:translateY(-50%);transition:height 1s ease;}
.index-slide .tips .swiper-pagination-bullet{ background:none;border-radius:unset;opacity:1;}
.index-slide .tips .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background:#223990;height:100%;}

/*slide news*/
.index-tips{background:rgba(255,255,255,0.8);height:70px;width:100%;position:absolute;z-index:20;overflow:hidden;bottom:0;left:0;padding:15px 0;}
.index-tips .w1240{ font-size:0;}
.index-tips .box{height:100%;display:inline-block;vertical-align:top;overflow:hidden;position:relative;}
.index-tips .box1{display:inline-flex;align-items:center;}
.index-tips .box1 img{ display:block;}

.index-tips .box2{ width:580px;margin:0 20px;}
.index-tips .box2 .swiper-slide{font-size:14px;line-height:40px;}
.index-tips .box2 .swiper-slide span{float:right;font-size:12px;}

.index-tips .box3{display:inline-flex;align-items:center;justify-content:space-between;flex-direction:column;}
.index-tips .box3 .but{display:block;width:20px;height:50%;cursor:pointer; position:relative;overflow:hidden;opacity: .4;}
.index-tips .box3 .but:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background-repeat:no-repeat;background-size:contain;background-position:center;filter:drop-shadow(0 20px 0 #223990);}
.index-tips .box3 .but:hover{opacity:1;}
.index-tips .box3 .but:hover:before{transform: translateY(-20px);}
.index-tips .box3 .prev:before{background-image: url(../img/ico/top.png);}
.index-tips .box3 .next:before{background-image: url(../img/ico/bottom.png);}
/*--------------------------------------------------------------------------------*/
/*about*/
.index-about{overflow:hidden; padding-bottom:0;}
.index-about .left{height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:10;}
.index-about .left .box{ width:700px;height:100%;padding:40px 40px 40px 0;background:#fff;display: flex;flex-direction: column;justify-content: center;}
.index-about .left .title{ width:100%;position:relative;}
.index-about .left .title h1{font-size:56px;color:#323232;font-weight:bold;text-transform:uppercase;line-height:1;}
.index-about .left .title h2{font-size:30px;color:#323232;margin-top:10px;}
.index-about .left .title h3{font-size:18px;color:#555;padding-top:20px;}
.index-about .left .desc{ margin:30px 0;}
.index-about .left .desc p{font-size:14px;color:#666;line-height:2em;}
.index-about .left .more{}
.index-about .left .more a{display:block;width:150px;height:60px;text-align:center;font-size:14px;float:left;}
.index-about .left .more .a1{background:#223990;color:#fff;line-height:60px;}
.index-about .left .more .a2{border:1px solid #E0E0E0;line-height:58px;color:#666;}

.index-about .right{float:right;padding:50px 0 50px 50px;position:relative;z-index:2; width:calc(calc(50% - 620px) + 540px);}
.index-about .right img{ display:block;width:100%;}
.index-about .right:before{ content:'';width:100%;height:100%;display:block;position:absolute;top:-150px;right:0;background:#223990;z-index:-1;}
@media screen and (max-width:1300px){
	.index-about .left{width:55%;padding-left:20px; position:relative; float:left; left:0;transform:translateX(0);}
	.index-about .left .box{ width:100%;}
	.index-about .left .title h1{font-size:50px;}

	.index-about .right{width:45%;padding:50px 0 50px 20px;}
	.index-about .right:before{top:-100px;}	
}
/*--------------------------------------------------------------------------------*/
.index-pro .main .item .img img{transition:transform .5s;-webkit-transition:transform .5s;}
.index-pro .main .item:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);}

/*pro*/
.index-pro{background:#F5F5F5;}
.index-pro .main{ width:100%;position:relative;font-size:0;}
.index-pro .main .item{ display:inline-block;vertical-align:top;width:32%;box-shadow:0 0 5px rgba(0,0,0,0.1);margin-right:2%;margin-bottom:2%;background:#fff;}
.index-pro .main .item:nth-child(3n){margin-right:0;}
.index-pro .main .item .img{display:block;width:100%;overflow:hidden;}
.index-pro .main .item .img img{ display:block;width:100%;overflow:hidden;}
.index-pro .main .item .tit{padding: 20px;overflow: hidden;}
.index-pro .main .item .tit p{font-size: 16px;line-height: 26px;white-space: nowrap;width: 100%;overflow: hidden;}
.index-pro .main .item:hover .tit p{color:#223990;} 
/*--------------------------------------------------------------------------------*/
/*adv*/
.index-adv{background:url(../img/bg/adv.jpg) no-repeat fixed center/cover;padding-top:80px;color:#fff;}
.index-adv:before{ content:''; width:100%; height:100%; display:block; background:#000; position:absolute; left:0; top:0;opacity: .5;}
.index-adv .title{width:100%;position:relative;}
.index-adv .title p,
.index-adv .title a{ display:block;font-size:14px;position:relative;}
.index-adv .title .cn{font-weight:bold;font-size:30px;line-height:1em;}
.index-adv .title .en{font-size:16px;font-family:arial;text-transform:uppercase;line-height:1em;margin:10px 0 15px;}
.index-adv .title .line{display:block;background:#fff;height:3px;width:21px;}
.index-adv .title .dn{font-size:16px;line-height:1.5em;margin-top:10px;}
.index-adv .title .more{background:url(../img/bg/more.png) no-repeat center;height:49px;width:180px;text-align:center;line-height:49px;transition:transform .6s ease;position:absolute;top:0;right:0;}
.index-adv .title .more:hover{transform:translateX(-10px);}

.index-adv .main{width:100%;position:relative;display: flex;justify-content: space-between;}
.index-adv .main .item{width: 25%;display: block;float: left;overflow: hidden;transition: transform .6s ease;cursor: pointer; margin-left:60px;padding:80px 0 60px;}
.index-adv .main .item.item1{ margin-left:0;}
.index-adv .main .item:hover{transform:translateY(-20px);}
.index-adv .main .item .p1{font-size:34px;font-weight:bold;position:relative;display:block;text-align: center; line-height:44px;}
.index-adv .main .item .p2{font-size:16px;position:relative;display:block;line-height: 26px;}
/*--------------------------------------------------------------------------------*/
/*album*/
.index-album .main{ width:100%; position:relative;}
.index-album .mainbox{width:100%; position:relative; overflow:hidden;}

.index-album .swiper-slide{ padding:10px;}
.index-album .item{display:block; width:100%;box-shadow:0 0 10px rgba(0,0,0,.2); position:relative;}
.index-album .main .item .img{ overflow:hidden;}
.index-album .main .item .img img{ display:block;transition:transform .6s ease;}
.index-album .main .item:hover .img img{transform:scale(1.1);}
.index-album .main .item .txt{ position:relative; display:block;padding:20px;width:100%;overflow:hidden;}
.index-album .main .item .txt h3{color:#333;font-size:20px;}
.index-album .main .item .txt p{color:#666;font-size:14px; line-height:24px; height:48px; overflow:hidden;margin-top:10px;}
.index-album .main .item:hover .txt h3{color:#223990;}

.index-album .but{position:absolute;cursor:pointer;width:40px;height:100px;top:50%; margin-top:-50px; overflow:hidden;opacity: .3;}
.index-album .but:before{ content:'';width:100%;height:100%;position:absolute;top:0;left:0;background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 100px 0 #223990);}
.index-album .but:hover:before{transform: translateY(-100px);}
.index-album .prev{left:-50px;}
.index-album .prev:before{ background-image: url(../img/ico/prev.png);}
.index-album .next{right:-50px;}
.index-album .next:before{ background-image: url(../img/ico/next.png);}
/*--------------------------------------------------------------------------------*/
.index-news{background:#F5F5F5;}
.index-news .main{width:100%;position:relative;font-size:0;}
.index-news .main a{display: inline-block;
    vertical-align: top;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    background: #fff;
    padding: 20px 30px;}
.index-news .main a:nth-child(3n){margin-right:0;}
.index-news .main a p{    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin-top: 10px;}
.index-news .main a h1{font-size: 18px;
    line-height: 30px;}
.index-news .main a h2{font-size: 12px;
    color: #999;
    line-height: 20px;}
.index-news .main a:hover h1{color:#223990;}